﻿<div id="js_app_wp__WPID_">

  <style>
    .UserGeneric {
    display:none;
    }

    .ms-TPHeader {
    display:none;
    }

  </style>


  A test app.
  <hr />
  <div class="props">
  </div>
  <hr/>
  <div class="props2">
  </div>

  <script data-js-app-wp="true">
    <![CDATA[

	        jQuery(document).ready(function () {
	
    				 $(".UserGeneric").show(750);
  
	            var settings = $appContext;
				      var wpId = settings.wpId;

	            $("#" + wpId  + " .props").html("ID:" + settings.id + "<br>" + "WPID:" + settings.wpId);
	        });
        ]]>
  </script>

  <script data-js-app-wp="true">
    <![CDATA[
			jQuery(document).ready(function () {
	
            	var settings = $appContext;
  			    	var wpId = settings.wpId;

            	$("#" + wpId  + " .props2").html("Second props:<br/>ID:" + settings.id + "<br>" + "WPID:" + settings.wpId);
			});
		 ]]>
  </script>
</div>
